<template>
  <view class="container">
    <!-- 隐私协议 -->
    <view class="item" @click="navigateTo('privacy-policy')">
      <text>隐私协议</text>
    </view>

    <!-- 用户协议 -->
    <view class="item" @click="navigateTo('user-agreement')">
      <text>用户协议</text>
    </view>

    <!-- 平台用户行为规范 -->
    <view class="item" @click="navigateTo('user-behavior')">
      <text>平台用户行为规范</text>
    </view>

    <!-- 个人信息收集清单 -->
    <view class="item" @click="navigateTo('data-collection')">
      <text>个人信息收集清单</text>
    </view>

    <!-- 账号管理 -->
    <view class="item" @click="navigateTo('account-management')">
      <text>账号管理</text>
    </view>

    <!-- 退出账号 -->
    <view class="logout" @click="logout">
      <text>退出账号</text>
    </view>
  </view>
</template>


<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
.container {
  display: flex;
  flex-direction: column;
  /* background-color: #f8f9fa; */
  padding: 20rpx;
}

.item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  margin-bottom: 20rpx;
  padding: 20rpx;
  border-radius: 10rpx;
  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
}

.logout {
  margin-top: 50rpx;
  background-color: #f1f1f1;
  text-align: center;
  padding: 20rpx;
  border-radius: 10rpx;
  color: #ff4d4f;
  font-size: 28rpx;
}
</style>

